// 为什么要添加响应拦截器
// 导入axios
import axios from 'axios'
// 设置请求拦截器，设置请求头中的token
import store from '@/store'
// 请求拦截器，
axios.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  // console.log(config)
  // 设置请求头--带一个authorization，赋值
  config.headers.authorization = store.state.token
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})
// 添加响应拦截器
axios.interceptors.response.use(function (response) {
  // 这一步的目的是为了把接收到的数据，仅接收响应到的数据内的内容
  const res = response.data
  // 判断响应回来的内容是否有token
  if (res.token) {
    // console.log(store)
    // 存到vuex中
    store.commit('setToken', res.token)
  }
  if (res.userId) {
    // 存到vuex中
    store.commit('setUserId', res.userId)
  }
  return res
}, function (error) {
  // 对响应错误做点什么
  return Promise.reject(error)
})
// 导出axios
export default axios
